<head>
    <meta charset="utf-8" />
    <title>ID选择器</title>
    <!-- ID 选择器开头为#而非句点，不过基本上和类选择器是同种用法。
        可是在一篇文档中，一个 ID 只会用到一次。
        它能选中设定了id的元素，你可以在 ID 前面加上类型选择器，只指向元素和 ID 都匹配的类。 -->
    <style>
        #heading {
            background-color: yellow;
        }

        #one {
            background-color: aquamarine;
        }
    </style>
</head>

<body>
    <!-- 
        id用于描述一个标签
        虽然使用id选择器，可以作用到多个标签上，也不会报错
        但是强烈建议，id只作用在一个标签上
     -->
    <h1 id="heading">ID selector</h1>
    <p>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi
        tomatillo
        melon azuki bean garlic.</p>

    <p id="one">Gumbo beet greens corn soko <strong>endive</strong> gumbo gourd. Parsley shallot courgette tatsoi pea
        sprouts fava bean collard
        greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.</p>
</body>

</html>